<template>
  <div class="section content theme">
    <div class="center flex_row flex_between" style="padding:8px">
      <div class="left flex_col" style="padding:10px">
          这里是文本内容
      </div>
      <div class="right">
        <Tag />
        <Class />
        <Card :bordered="false" style="margin-top:20px">
          <p slot="title">分类</p>
          <List :border="false">
            <ListItem>This is a piece of text.</ListItem>
            <ListItem>This is a piece of text.</ListItem>
            <ListItem>This is a piece of text.</ListItem>
          </List>
        </Card>
      </div>
    </div>
  </div>
</template>

<script>
import Art from "@/components/Art.vue";
import Tag from "@/components/Right/Tag.vue";
import Class from "@/components/Right/Class.vue";
export default {
   components: {
    Art,
    Class,
    Tag
  }
};
</script>

<style lang="less" scoped>
.sort {
  padding: 12px 16px;
  border-bottom: 1px solid #f5f5f5;
}
</style>